<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> 网站图片JPG、PNG、GIF哪个好，该选择谁 - 站长之家</title>
<meta name="keywords" content="站长之家, 网站图片, JPG, PNG, GIF">
<meta name="description" content="目前网站图片的采用一共有流行三种，分别是JPG、PNG、GIF，然而很多人并不知道三者在选择的时候究竟应该选谁（BMP就不考虑了吧）。虽然都可以存储图片，但是如果要发布到网">
<meta name="verify-v1" content="hoYWa1g8lNB1GDGlt6DAjZwoptmXNyB9ut22xUUQuN8=">
<meta property="wb:webmaster" content="6797b81cd4d21d20" />
<link rel="alternate" type="application/rss+xml" title="站长之家RSS订阅" href="http://app.chinaz.com/?app=rss&controller=index&action=index">
<link rel="stylesheet" href="http://img.chinaz.com/templates/2014theme/css/topbar.css">
<link rel="shortcut icon" type="image/ico" href="http://img.chinaz.com/templates/chinaz/favicon.ico">
<script src="http://img.chinaz.com/templates/2014theme/js/jquery-v1.10.2-min.js" type="text/javascript"></script>
<script src="http://img.chinaz.com/templates/chinaz/js/script.js"></script>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "//hm.baidu.com/hm.js?aecc9715b0f5d5f7f34fba48a3c511d6";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>

<link rel="stylesheet" type="text/css" href="http://img.chinaz.com/templates/2014theme/css/post.css">
<script type="text/javascript" src="http://img.chinaz.com/templates/chinaz/startup/js/artDialog.min.js"></script>
<script type="text/javascript" src="http://img.chinaz.com/templates/chinaz/startup/js/artDialog.plugins.min.js"></script>
<link href="http://img.chinaz.com/templates/chinaz/startup/css/dialog.css" rel="stylesheet">
<script src="http://img.chinaz.com/templates/chinaz/js/script.js"></script><script type="text/javascript" src="http://img.chinaz.com/js/config.js"></script>
<script type="text/javascript" src="http://img.chinaz.com/js/lib/jquery.js"></script>
<script type="text/javascript" src="http://img.chinaz.com/js/lib/jquery.cookie.js"></script>
<script type="text/javascript">var contentid = 313117;</script>
<script type="text/javascript" src="http://cbjs.baidu.com/js/m.js"></script>
<script type="text/javascript" src="http://assets.changyan.sohu.com/upload/plugins/plugins.count.js"></script>
<script type="text/javascript">BAIDU_CLB_preloadSlots("353939","899688","899484","899733","899503","899481","725433");</script>
<script type="text/javascript" src="http://img.chinaz.com/js/fet.js"></script>
<script type="text/javascript" src="http://img.chinaz.com/js/repos.js"></script>
<script type="text/javascript">fet.setAlias({IMG_URL: "http://img.chinaz.com/"})</script>
    </head>
<body id="top">
<div class="czbox">
  <div id="cz-head">
    <!--topMenu Star -->
   <div class="toolbar">
    <div class="clearfix toolbar-inner">
        <div class="quicklink">
            <ul id="chinaz_website_links" class="accesslink">
                <li><a href="http://www.chinaz.com"><span>站长之家</span></a></li>
                <li onmouseover="chinazTopBarMenu.create(this,'chinaz_website_menu_1');" onmouseout="chinazTopBarMenu.clear(this);">
                    <a class="item-expand" href="http://bbs.chinaz.com" target="_blank"><span>站长论坛</span></a>
                </li>
                <li onmouseover="chinazTopBarMenu.create(this,'chinaz_website_menu_2');" onmouseout="chinazTopBarMenu.clear(this);">
                    <a class="item-expand" href="http://tool.chinaz.com" target="_blank"><span>站长工具</span></a>
                </li>     
                <li onmouseover="chinazTopBarMenu.create(this,'chinaz_website_menu_3');" onmouseout="chinazTopBarMenu.clear(this);">
                    <a class="item-expand" href="http://sc.chinaz.com" target="_blank"><span>站长素材</span></a>
                </li>
              <li><a href="http://down.chinaz.com" target="_blank"><span>源码下载</span></a></li>
                <li><a href="http://www.idc123.com" target="_blank"><span>主机之家</span></a></li>
               <li id="social-list" onmouseover="chinazTopBarMenu.create(this,'chinaz_website_menu_4');" onmouseout="chinazTopBarMenu.clear(this);"><a class="item-expand" rel="nofollow"  href="http://weibo.com/chinaz" target="_blank"><span><s></s>关注我们</span></a>
			   </li>
            </ul>
            <div id="chinaz_website_menu_1" class="topbar-hiddencontents">
              <a href="http://bbs.chinaz.com/Club/list-1.html" target="_blank">站长俱乐部</a>
                <a href="http://bbs.chinaz.com/Ask/list-1.html" target="_blank">站长问答</a>
                <a href="http://bbs.chinaz.com/Res/list-1.html" target="_blank">网站建设资源</a>
                <a href="http://bbs.chinaz.com/forum107/list-1.html" target="_blank">站长交易赚钱</a>  
            </div>
            <div id="chinaz_website_menu_2" class="topbar-hiddencontents">
                <a href="http://alexa.chinaz.com" target="_blank">ALEXA排名查询</a>
                <a href="http://mytool.chinaz.com/baidusort.aspx" target="_blank">百度权重查询</a>
                <a href="http://seo.chinaz.com" target="_blank">SEO概况查询</a>
                <a href="http://link.chinaz.com" target="_blank">友情链接查询</a>
                <a href="http://pr.chinaz.com" target="_blank">Google PR查询</a>
                <a href="http://whois.chinaz.com" target="_blank">Whois信息查询</a>
                <a href="http://tool.chinaz.com/beian.aspx" target="_blank">域名备案查询</a>
            </div>
            <div id="chinaz_website_menu_3" class="topbar-hiddencontents">
                <a href="http://font.chinaz.com/" target="_blank">字体下载</a>
                <a href="http://desk.chinaz.com/" target="_blank">高清壁纸</a>
                <a href="http://desk.chinaz.com/shoujibizhi/" target="_blank">手机壁纸</a>
                <a href="http://sc.chinaz.com/tupian/" target="_blank">高清图片</a>
                <a href="http://sc.chinaz.com/shiliang/" target="_blank">矢量素材</a>
                <a href="http://sc.chinaz.com/ppt/" target="_blank">PPT模板</a>
                <a href="http://sc.chinaz.com/psd/" target="_blank">PSD素材</a>
            </div>
			
			<div id="chinaz_website_menu_4" class="topbar-hiddencontents">
              <div class="social-list">
                  <div class="f-cb social-list-box"> <a rel="nofollow" title="站长之家新浪微博" href="http://weibo.com/chinaz" target="_blank">
                    <div class="social-widget-img f-fl"> <img alt="站长之家新浪微博" src="http://img.chinaz.com/templates/2014theme/images/social_weibo.jpg"> </div>
                    <div class="f-fr ">
                      <p class="social-widget-title"> <strong>新浪微博</strong> </p>
                      <p class="social-widget-content">超过7万站长在关注我们 </p>
                    </div>
                    </a> </div>
                  <div class="f-cb social-list-box"> <a rel="nofollow" title="站长之家腾讯微博" href="http://1.t.qq.com/chinaz" target="_blank">
                    <div class="social-widget-img f-fl"> <img alt="站长之家腾讯微博" src="http://img.chinaz.com/templates/2014theme/images/social_txweibo.jpg"> </div>
                    <div class="f-fr">
                      <p class="social-widget-title"> <strong> 腾讯微博 </strong></p>
                      <p class="social-widget-content">超过26万站长听众在关注 </p>
                    </div>
                    </a> </div>
                  <div class="f-cb social-list-box f-last"> <a rel="nofollow" title="站长之家手机客户端" href="http://cm.chinaz.com/" target="_blank">
                    <div class="social-widget-img f-fl"> <img alt="站长之家手机客户端" src="http://img.chinaz.com/templates/2014theme/images/chinazapp.jpg"> </div>
                    <div class="f-fr">
                      <p class="social-widget-title"> <strong> 站长之家手机客户端</strong></p>
                      <p class="social-widget-content"> 看资讯、发评论、泡论坛 </p>
                    </div>
                    </a> </div>
                </div>
            </div>
        </div>
        <div id="chinaz_topbar"></div>
    </div> <!--topMenu End --> 
 
 </div>
   <!--topMenu End --> 
  <div class="headinfo f-cb">
      <!--Logobox Star -->
      <h1 class="logo"><a href="http://www.chinaz.com/" rel="home"><img src="http://img.chinaz.com/templates/2014theme/img/logo.jpg"  alt="站长之家"></a></h1>
      <div class="etc-b-head">
                 <a  href="http://ww.chinaz.com/tags.php?url=http://www.cdit.hk" target="_blank">
           <img src="http://upload.chinaz.com/2014/0512/1399860041295.gif" width="468" height="60" alt="">    
        </a>
    </ul></div>
      <div class="etc-t-head">
           <script src="http://stats.chinaz.com/newshome/tag.js" charset="gb2312"></script> 
      </div>
    </div>
    <!--Logobox End -->
 <!--navBox Star -->
   <div class="navBox">
      <ul class="f-cb">
        <li class="current"><a href="http://www.chinaz.com">首页</a></li>
        <li><a href="http://www.chinaz.com/news">互联网</a></li>
        <li><a href="http://www.chinaz.com/web">建站</a></li>
        <li><a href="http://www.chinaz.com/start">创业</a></li>
        <li><a href="http://www.chinaz.com/biz">电商</a></li>
        <li><a href="http://www.chinaz.com/manage">运营</a></li>
        <li><a href="http://www.chinaz.com/website">好站</a></li>
        <li><a href="http://www.chinaz.com/mobile">移动互联</a></li>
        <li><a href="http://www.chinaz.com/game">游戏</a></li>
        <li><a href="http://www.chinaz.com/special">专题</a></li>
      </ul>
    </div>
  
    <!--navBox End -->
  <!--header End --> </div>
  <!--header End -->
<div class="m-crumb-search f-cb mb5">
 <div class="u-crumb f-fl"><b>您的位置</b>: <a href="http://www.chinaz.com/">站长之家首页</a> &raquo; <a href="http://www.chinaz.com/web/">建站</a> &raquo; <a href="http://www.chinaz.com/web/seo/">优化</a> &raquo;  正文 </div>
 <div class="u-search f-fr">
<form name="from_search" action="http://so.chinaz.com/cse/search" method="get" target="_blank" style="position: relative;">
  <input id="u-sh" onfocus="this.value=(this.value=='找不到内容 用搜索')?'':this.value" onblur="this.value=(this.value=='')?'找不到内容 用搜索':this.value"  id="search-box" class="search-box" type="text"   name="q"  value="找不到内容 用搜索">
  <input value="搜索" class="u-shbtn"  type="submit" >
<input type="hidden" name="s" value="13215756937974215344"><input type="hidden" name="nsid" value="0">
       </form>   
 </div> 
</div>
  <div id="cz-content">
    <!--topad Star-->
   <div class="etc-b-content f-cb"><div class="f-fl"><script type="text/javascript">BAIDU_CLB_fillSlot("899688");</script></div><div class="f-fr"><script type="text/javascript">BAIDU_CLB_fillSlot("899484");</script></div> </div>
<div class="cz-box f-cb" id="main">
<div id="m-rightshare">
      <div class="u-menu z-show">
        <li class="top"><a href="#top">返回顶部</a></li>
        <li class="reader">
    <a class="r1" href="javascript:;">待阅</a>
    <div class="reader_box" style="display: none;">  <div class="hideicon  ">
   <p><a class="favorite" added="0" title="收藏到个人中心" backurl="1"></a></p>
<p><a class="jiathis_button_evernote"></a></p>
			<p><a class="jiathis_button_pocket"></a></p>
			<p><a class="jiathis_button_ydnote"></a></p>
    </div></div></li>
        <li class="wshare"><a class="s1" href="javascript:;">分享</a>
    <div class="r_share_box" style="display:none;">
          <div class="hideicon  ">
      <p><a class="jiathis_button_tsina" title="分享到新浪微博"></a></p>
      <p><a class="jiathis_button_tqq" title="分享到腾讯微博"></a></p>
      <p><a class="jiathis_button_weixin" title="分享到微信"></a></p>
      <p><a class="jiathis_button_qzone" title="分享到QQ空间"></a></p>
      <p><a class="jiathis_button_douban" title="分享到豆瓣"></a></p>
      <p><a class="jiathis_button_renren" title="分享到人人网"></a></p>
            </div>
    </div></li>
         <li class="comment"><a href="#pinglun">评论</a></li>
        <li class="bottom"><a href="#bottom">返回底部</a></li>
    </div>
  
    </div>


<div id="content" class="cz-box-670 f-fl">
<div class="m-post">
<div class="u-postheader">
 
<h1 class="post-title"> 网站图片JPG、PNG、GIF哪个好，该选择谁</h1>  

<div class="post-meta f-cb">
  
<div class="viashare f-fl">

<time>2013-08-13 09:57</time>
  <span class="via">来源：blog.netsh.org/posts/jpg-png-gif_</span>  <span>
    <i class="recommend f-sprites"></i><a href="#changyan_area" id="changyan_count_unit"></a>个评论</span>
  <span class="post_share">
    <i class="topshare f-sprites"></i><a class="shareBox" target="_blank" href="javascript:;">分享文章</a>
  	<div class="t_share_box  ">
  	<div class="hideicon  ">
      <p><a class="jiathis_button_tsina" title="分享到新浪微博"></a></p>
      <p><a class="jiathis_button_tqq" title="分享到腾讯微博"></a></p>
      <p><a class="jiathis_button_weixin" title="分享到微信"></a></p>
      <p><a class="jiathis_button_qzone" title="分享到QQ空间"></a></p>
      <p><a class="jiathis_button_douban" title="分享到豆瓣"></a></p>
      <p><a class="jiathis_button_renren" title="分享到人人网"></a></p>
    </div>
    </div>
  </span>

</div>



<div class="setFont f-fr">
  <span id="font_small">A<sup>-</sup></span>
  <span id="font_big" class="noclose">A<sup>+</sup></span>
</div>

</div>
<!--postmeta End-->


</div>

<!--posteader End-->

<div class="u-postcontent cz" id="ctrlfscont">
                                                             
<p>目前网站图片的采用一共有流行三种，分别是JPG、PNG、GIF，然而很多人并不知道三者在选择的时候究竟应该选谁（BMP就不考虑了吧）。虽然都可以存储图片，但是如果要发布到网上，就必须考虑速度、大小和失真程度的问题。如果你运用得好，选对图片，那样便会使网站的整体体验上升，如果你运用得不好，就会引起反效果。下面我通过文件大小等多方面的元素来讲一下网站图片的合理选择。</p>
<p><strong>PNG、GIF、JPG 介绍 GIF 图片</strong></p>
<p>Gif 算是比较老的图片格式了，它的色彩效果最低，用gif保存鲜艳的图片的话会让你的网站看上去非常可怕。但是gif有着不可忽视的特点：体积小，有着极好的压缩效果，支持动画，并且支持透明效果，虽然这个透明没有PNG的那样渐变透明的强大。动画选gif没错；如果你的图片只有很单调的色彩，没有渐变色，例如只有红蓝两色，那么选GIF最好不过了！例如百度的首页LOGO就是很好的例子，它的大小只有2KB，节省了资源。</p>
<p style="text-align: center; text-indent: 0;"><img class="aligncenter size-full wp-image-1302" src="http://upload.chinaz.com/2013/0813/1376359058444.gif" border="0" width="270" alt="baidu logo" height="129" /></p>
<p style="text-align: center;">JPG / JPEG 图片</p>
<p>JPG是数码相机最常用的格式，其特点是色彩还原好，可以在照片不明显失真的情况下，大幅降低体积，所以体积不很大，缺点是不支持透明。照片类的图片，例如网站上的Gallery，你想要张贴出来的自然风景之类，最好都用JPG。但是屏幕截图呢？一会介绍。</p>
<p style="text-align: center; text-indent: 0;"><img class="aligncenter size-thumbnail wp-image-1310" src="http://upload.chinaz.com/2013/0813/1376359058872.jpg" border="0" width="200" alt="photo_jpg" height="149" /></p>
<p style="text-align: center;">PNG 图片</p>
<p>可谓是最适合网络的图片！PNG的优点是，清晰，无损压缩，压缩比率很高，可渐变透明，具备几乎所有GIF的优点；缺点是不如JPG的颜色丰富，同样的图片体积也比JPG略大。但是PNG应该在网站设计上被推广，它是公认的最适合网页使用的图片格式。Google就是一个很好的例子。Google所有站点几乎全部的图片资源都是PNG格式。8位的PNG完全可以替代掉GIF。</p>
<p style="text-align: center; text-indent: 0;"><img class="aligncenter size-medium wp-image-1304" src="http://upload.chinaz.com/2013/0813/1376359058943.jpg" border="0" width="500" alt="google pngs" height="498" /></p>
<p>上图就是Google的LOGO，选择PNG是为了最清晰同时体积更小，并且Google主页的LOGO图片并不是背景透明的，而是白色背景的。既然不是透明的，为什么不选择JPG呢？Google难道没有考虑吗，所以png有其优势。</p>
<p>PNG有着另一个优点，那就是<strong>逐次逼近显示(progressive display)</strong>：传输图像文件的同时，可以先把整个轮廓显示出来，然后逐步显示图像的细节，即先显示低分辨率显示图像，从模糊到清晰，然后逐步提高它的分辨率。这是一个很好的用户体验。</p>
<p><strong>各方面比较</strong></p>
<p>大小比较：通常地，PNG &asymp; JPG &gt; GIF</p>
<p>透明性：PNG &gt; GIF &gt; JPG</p>
<p>色彩丰富程度：JPG &gt; PNG &gt;GIF</p>
<p>兼容程度：GIF &asymp; JPG &gt; PNG</p>
<p>注意，IE6下PNG的透明是不能显示的，有其对应的Hack方法。</p>
            <p><strong>注：</strong>相关网站建设技巧阅读请移步到<a href="http://www.chinaz.com/web/" target="_blank">建站教程</a>频道。</p>
                        <div class="pagebreak f-cb">
                                <strong>1</strong>
                                <a href="http://www.chinaz.com/web/2013/0813/313117_2.shtml" >2</a>
                                <a href="http://www.chinaz.com/web/2013/0813/313117_2.shtml">下一页</a>
                                <a href="javascript:;" id="fulltext">查看全文</a>
            </div>
            

</div></div>

<div class="u-postfooter">
  
 <div class="f-cb m-active"> 
<div class="usershare f-fl"> 
 <span id="favorite" class="fav" added="0">收藏文章</span>
 <span id="b_share_link" class="share">
   分享文章
   <div class="b_share_box">
   <div class="hideicon">
      <p><a class="jiathis_button_tsina" title="分享到新浪微博"></a></p>
      <p><a class="jiathis_button_tqq" title="分享到腾讯微博"></a></p>
      <p><a class="jiathis_button_weixin" title="分享到微信"></a></p>
      <p><a class="jiathis_button_qzone" title="分享到QQ空间"></a></p>
      <p><a class="jiathis_button_douban" title="分享到豆瓣"></a></p>
      <p><a class="jiathis_button_renren" title="分享到人人网"></a></p>
    </div>
    </div>
 </span>
 <a href="http://app.chinaz.com/cwb/313117" target="_blank"><span class="cwb">
   发长微博
 </span></a>
 <span id="addError" class="error">
   文章纠错
 </span>

</div>

<div class="author-edit f-fr">
  
 <p class="author-name">作者：Net's H</p>
 <p  class="edit-name">编辑：CherLee</p> 

</div>

</div>

<div class="mt10">
<script type="text/javascript">BAIDU_CLB_fillSlot("899733");</script>
</div>
<div class="m-mood">
  
 
<div id="cyEmoji" role="cylabs" data-use="emoji"></div>

</div>

<!--mood End-->


</div>  

<div class="m-relate f-cb">
  
<div class="post-relate f-fl">
  <h3>猜你喜欢：</h3>


<ul style="height:145px;overflow:hidden">
<li><a class="mr_351918" href="http://www.chinaz.com/start/2014/0517/351918.shtml" target="_blank" title="情趣行业将走出尴尬？传成人用品春水堂再获6000万元B轮投资">情趣行业将走出尴尬？传成人用品春水堂再获6000万元B轮投资</a></li>
<li><a class="mr_351916" href="http://www.chinaz.com/start/2014/0517/351916.shtml" target="_blank" title="饿了么：一套系统值不值5亿美元？ ">饿了么：一套系统值不值5亿美元？ </a></li>
<li><a class="mr_351911" href="http://www.chinaz.com/start/2014/0517/351911.shtml" target="_blank" title="乐淘终“卖身”：成立3年历经大起大落">乐淘终“卖身”：成立3年历经大起大落</a></li>
<li><a class="mr_351909" href="http://www.chinaz.com/start/2014/0517/351909.shtml" target="_blank" title="互联网的生物进化论：互联网诞生20周年记">互联网的生物进化论：互联网诞生20周年记</a></li>
<li><a class="mr_351884" href="http://www.chinaz.com/start/2014/0516/351884.shtml" target="_blank" title="沪上甜品创业帮">沪上甜品创业帮</a></li>
</ul>

</div>

<div class="post-tags f-fr">


 <h3>热点聚合：</h3>
  
<ul class="mod-f14list ep-list-1 ep-list-nodot">
  <li><a href="http://www.chinaz.com/tags/wangzhantupian.shtml">网站图片</a></li> <li><a href="http://www.chinaz.com/tags/JPG.shtml">JPG</a></li> <li><a href="http://www.chinaz.com/tags/PNG.shtml">PNG</a></li> <li><a href="http://www.chinaz.com/tags/GIF.shtml">GIF</a></li>   
</ul>

</div>


</div>


<div class="m-leftad f-cb">
<script type="text/javascript">
/*站长资讯内容页标签云，创建于2014-4-21*/
var cpro_id = "u1529699";
</script>
<script src="http://cpro.baidustatic.com/cpro/ui/c.js" type="text/javascript"></script>



</div>



<div class="m-picshow">
 <div class="box_xgimg"> 
<script type="text/javascript">
    var t_u = null;
    var t_u_old = null;
    var maxPic = 3;
    var showPic = 0;

    function switchPic(curPic){ 
        if(curPic == maxPic){ 
            showPic = 1;
        }else{ 
            showPic = showPic + 1;
        }
        for(i=1; i <= maxPic; i++){ 
            if(i == showPic){ 
                document.getElementById("picA"+i).className = "currON";
                document.getElementById("picUL"+i).style.display = "";
            }else{ 
                document.getElementById("picA"+i).className = "";
                document.getElementById("picUL"+i).style.display = "none";
            }
        }
    }
    function reSwitchPic() { 
        clearTimeout(t_u);
        switchPic(showPic);
        t_u = setTimeout('reSwitchPic();', 5000);
    }
    function pauseSwitch() { 
        clearTimeout(t_u);
        t_u_old = t_u;
    }
    function selectSwitch(num) { 
        showPic = num;
        for(i=1; i <= maxPic; i++){ 
            if(i == num){ 
                document.getElementById("picA"+i).className = "currON";
                document.getElementById("picUL"+i).style.display = "";
            }else{ 
                document.getElementById("picA"+i).className = "";
                document.getElementById("picUL"+i).style.display = "none";
            }
        }
    }
    function goonSwitch() {
        clearTimeout(t_u);
        t_u = setTimeout('reSwitchPic();', 5000);
    }   
</script>
<div class="title_xg f-cb">
    <div class="f-fl"><h3>最新图文资讯</h3></div>
    <span class="f-fr rollnum">
        <a onmouseout="goonSwitch()" onmouseover="pauseSwitch()" onclick="selectSwitch(1)" id="picA1" class="currON" href="javascript://">1</a>
        <a onmouseout="goonSwitch()" onmouseover="pauseSwitch()" onclick="selectSwitch(2)" id="picA2" href="javascript://" class="">2</a>
        <a onmouseout="goonSwitch()" onmouseover="pauseSwitch()" onclick="selectSwitch(3)" id="picA3" href="javascript://" class="">3</a>
       
    </span>
</div>
<div class="roll" id="roll" style="margin-left:0px;padding-left:0px;width:668px;overflow:hidden;">
    <ul id="picUL1" onmouseover="pauseSwitch()" onmouseout="goonSwitch()">
                <li>
            <div><a target="_blank" href="http://www.chinaz.com/start/2014/0517/351918.shtml"><img src="http://upload.chinaz.com/2014/0517/thumb_121_91_1400292288392.jpg" width="121" height="91" alt="" /></a></div>    
            <p><a  target="_blank"  href="http://www.chinaz.com/start/2014/0517/351918.shtml">情趣行业将走出尴尬？传成人用品春水堂再获</a></p>
        </li>
                <li>
            <div><a target="_blank" href="http://www.chinaz.com/start/2014/0517/351916.shtml"><img src="http://upload.chinaz.com/2014/0517/thumb_121_91_1400291282113.jpg" width="121" height="91" alt="" /></a></div>    
            <p><a  target="_blank"  href="http://www.chinaz.com/start/2014/0517/351916.shtml">饿了么：一套系统值不值5亿美元？ </a></p>
        </li>
                <li>
            <div><a target="_blank" href="http://www.chinaz.com/start/2014/0517/351911.shtml"><img src="http://upload.chinaz.com/2014/0517/thumb_121_91_1400289091647.jpg" width="121" height="91" alt="" /></a></div>    
            <p><a  target="_blank"  href="http://www.chinaz.com/start/2014/0517/351911.shtml">乐淘终“卖身”：成立3年历经大起大落</a></p>
        </li>
                <li>
            <div><a target="_blank" href="http://www.chinaz.com/start/2014/0517/351909.shtml"><img src="http://upload.chinaz.com/2014/0517/thumb_121_91_1400287776226.jpg" width="121" height="91" alt="" /></a></div>    
            <p><a  target="_blank"  href="http://www.chinaz.com/start/2014/0517/351909.shtml">互联网的生物进化论：互联网诞生20周年记</a></p>
        </li>
            </ul>
    <ul id="picUL2" onmouseover="pauseSwitch()" onmouseout="goonSwitch()" style="display:none;">
                <li>
            <div><a target="_blank"  href="http://www.chinaz.com/start/2014/0516/351884.shtml"><img src="http://upload.chinaz.com/2014/0516/thumb_121_91_1400229093360.jpg" width="121" height="91" alt="" /></a></div>    
            <p><a  target="_blank"  href="http://www.chinaz.com/start/2014/0516/351884.shtml">沪上甜品创业帮</a></p>
        </li>
                <li>
            <div><a target="_blank"  href="http://www.chinaz.com/start/2014/0516/351842.shtml"><img src="http://upload.chinaz.com/2014/0516/thumb_121_91_1400221468331.jpg" width="121" height="91" alt="" /></a></div>    
            <p><a  target="_blank"  href="http://www.chinaz.com/start/2014/0516/351842.shtml">干掉媒体编辑部的四个互联网产品</a></p>
        </li>
                <li>
            <div><a target="_blank"  href="http://www.chinaz.com/start/2014/0516/351811.shtml"><img src="http://upload.chinaz.com/2014/0516/thumb_121_91_1400218441303.jpg" width="121" height="91" alt="" /></a></div>    
            <p><a  target="_blank"  href="http://www.chinaz.com/start/2014/0516/351811.shtml">短视频营销：擅用广告的黄金”7秒“实现高</a></p>
        </li>
                <li>
            <div><a target="_blank"  href="http://www.chinaz.com/start/2014/0516/351804.shtml"><img src="http://upload.chinaz.com/2014/0516/thumb_121_91_1400211422624.jpg" width="121" height="91" alt="" /></a></div>    
            <p><a  target="_blank"  href="http://www.chinaz.com/start/2014/0516/351804.shtml">Google Glass整合生活服务应用 下一个O2O利</a></p>
        </li>
            
    </ul>
    <ul id="picUL3" onmouseover="pauseSwitch()" onmouseout="goonSwitch()" style="display:none;">
                <li>
            <div><a target="_blank"  href="http://www.chinaz.com/start/2014/0516/351787.shtml"><img src="http://upload.chinaz.com/2014/0516/thumb_121_91_1400209590708.jpg" width="121" height="91" alt="" /></a></div>    
            <p><a target="_blank"   href="http://www.chinaz.com/start/2014/0516/351787.shtml">贝备网创始人自述：我是如何打造全新母婴电</a></p>
        </li>
                <li>
            <div><a target="_blank"  href="http://www.chinaz.com/start/2014/0516/351783.shtml"><img src="http://upload.chinaz.com/2014/0516/thumb_121_91_1400209306432.jpg" width="121" height="91" alt="" /></a></div>    
            <p><a target="_blank"   href="http://www.chinaz.com/start/2014/0516/351783.shtml">亚马逊入华首笔投资：入股生鲜电商美味七七</a></p>
        </li>
                <li>
            <div><a target="_blank"  href="http://www.chinaz.com/start/2014/0516/351772.shtml"><img src="http://upload.chinaz.com/2014/0516/thumb_121_91_1400207475148.jpg" width="121" height="91" alt="" /></a></div>    
            <p><a target="_blank"   href="http://www.chinaz.com/start/2014/0516/351772.shtml">萌妹纸杀手：Darby Smart获630万美元A轮融</a></p>
        </li>
                <li>
            <div><a target="_blank"  href="http://www.chinaz.com/start/2014/0516/351767.shtml"><img src="http://upload.chinaz.com/2014/0516/thumb_121_91_1400206506481.jpg" width="121" height="91" alt="" /></a></div>    
            <p><a target="_blank"   href="http://www.chinaz.com/start/2014/0516/351767.shtml">Litely：要用“滤镜”来挑战Instagram</a></p>
        </li>
             
    </ul>
    <script type="text/javascript">reSwitchPic();</script>
</div>
</div>    

</div>


<script type="text/javascript">BAIDU_CLB_fillSlot("899503");</script>




<div class="m-comment" id="pinglun">
  
<div class="title_xg f-cb">
 <h3>参与评论</h3>
  </div>

 <div class="com-box"> 
 <div id="SOHUCS"  ></div>
<script>
  (function(){
    var appid = 'cy2rgHwBn0Qe',
    conf = 'prod_07a96b1f61097ccb54be14d6a47439b0';
    var doc = document,
    s = doc.createElement('script'),
    h = doc.getElementsByTagName('head')[0] || doc.head || doc.documentElement;
    s.type = 'text/javascript';
    s.charset = 'utf-8';
    s.src =  'http://assets.changyan.sohu.com/upload/changyan.js?conf='+ conf +'&appid=' + appid;
    h.insertBefore(s,h.firstChild);
    window.SCS_NO_IFRAME = true;
  })()
</script>
<script type="text/javascript" charset="utf-8" src="http://changyan.itc.cn/js/??lib/jquery.js,changyan.labs.js?appid=cy2rgHwBn0Qe"></script>
<style>#SOHUCS .section-title-w .title-join-w {display:none}#SOHUCS .section-title-w {
    padding: 5px 0 13px;
}
#cyEmoji .emoji-tip{border-bottom:none;}
</style>
</div>

</div>




</div>
  <!--czbox-660 End-->

 <div class="cz-box-300 f-fr">

<div><script type="text/javascript">BAIDU_CLB_fillSlot("899480");</script></div>	   
<div class="m-widget"  >
  <h3 class="tit">站长之家专栏推荐<span class="triangle"></span></h3>
<ul class="m-widget-post">
<li class="f-cb">
<div class="f-fl img-box">
<p><a target="_blank" href="http://www.chinaz.com/web/2014/0515/351529.shtml" class="thumbnail"> <img alt="互联网二十年：请不要忘记我的名字叫站长" src="http://upload.chinaz.com/2014/0515/1400115751444.jpg"></a></p>
</div>
<div class="boxc">
<h4><a target="_blank" href="http://www.chinaz.com/web/2014/0515/351529.shtml">互联网二十年：请不要忘记我的名字叫站长</a></h4>
<div class="box-meta">
<time>2014-05-15 09:02:00</time><span class="comment-box"><i class="icon-comment"></i>5</span>
</div>
</div>
</li>
<li class="f-cb">
<div class="f-fl img-box">
<p><a target="_blank" href="http://www.chinaz.com/web/2014/0512/351162.shtml" class="thumbnail"> <img alt="移动互联网时代，站长需要逆袭" src="http://upload.chinaz.com/2014/0512/1399887820281.jpg"></a></p>
</div>
<div class="boxc">
<h4><a target="_blank" href="http://www.chinaz.com/web/2014/0512/351162.shtml">移动互联网时代，站长需要逆袭</a></h4>
<div class="box-meta">
<time>2014-05-12 17:44:05</time><span class="comment-box"><i class="icon-comment"></i>3</span>
</div>
</div>
</li>
<li class="f-cb">
<div class="f-fl img-box">
<p><a target="_blank" href="http://www.chinaz.com/web/2014/0512/351003.shtml" class="thumbnail"> <img alt="通过SMART法则进行网站策划" src="http://upload.chinaz.com/2014/0512/1399858824312.jpg"></a></p>
</div>
<div class="boxc">
<h4><a target="_blank" href="http://www.chinaz.com/web/2014/0512/351003.shtml">通过SMART法则进行网站策划</a></h4>
<div class="box-meta">
<time>2014-05-12 09:38:00</time><span class="comment-box"><i class="icon-comment"></i>1</span>
</div>
</div>
</li>
<li class="f-cb">
<div class="f-fl img-box">
<p><a target="_blank" href="http://www.chinaz.com/news/2014/0505/350172.shtml" class="thumbnail"> <img alt="没有乔布斯 苹果拿什么证明自己？" src="http://upload.chinaz.com/2014/0505/1399280885646.jpg"></a></p>
</div>
<div class="boxc">
<h4><a target="_blank" href="http://www.chinaz.com/news/2014/0505/350172.shtml">没有乔布斯 苹果拿什么证明自己？</a></h4>
<div class="box-meta">
<time>2014-05-05 17:08:00</time><span class="comment-box"><i class="icon-comment"></i>8</span>
</div>
</div>
</li>
</ul>
</div>

<div class="m-widget">
  <h3 class="tit">热门商讯<span class="triangle"></span></h3>
<script type="text/javascript">BAIDU_CLB_fillSlot("899481");</script>
<ul class="m-widget-post mt15">
<li class="f-cb">
<div class="boxc">
<h4><a rel="nofollow"  href="http://ww.chinaz.com/tags.php?url=http://www.55haitao.com/qingbao/" target="_blank">·海淘情报发布，拿返利，挣美金</a></h4>
</div>
</li>
<li class="f-cb">
<div class="boxc">
<h4><a rel="nofollow" href="http://ww.chinaz.com/tags.php?url=http://www.yeetui.com/" target="_blank">·提升alexa排名+APP下载市场冲榜</a></h4>

</div>
</li>
<li class="f-cb">
<div class="boxc">
<h4><a rel="nofollow" href="http://ww.chinaz.com/tags.php?url=http://chinaz.99xiezuo.com/" target="_blank">·新闻稿写作，软文写作，歌词写作</a></h4>
</div>
</li>
    </ul>


</div>

<div class="m-widget">
  <h3 class="tit">热评文章<span class="triangle"></span></h3>
<ul class="m-widget-comment">
     <li class="f-cb" >
      <div class="u-num-con"> <h4><a href="http://www.chinaz.com/start/2014/0513/351300.shtml" target="_blank">商业无处不在 QQ 点赞里的好生意</a></h4>
<div class="u-num"><em class="n1">1</em></div>
<div class="u-img">
<a href="http://www.chinaz.com/start/2014/0513/351300.shtml" target="_blank"><img class="img80-60"  width="80" height="60" src="http://upload.chinaz.com/2014/0513/1399966404976.png" alt="商业无处不在 QQ 点赞里的好生意"></a></div>
      <div class="txt">          <p><a href="http://www.chinaz.com/start/2014/0513/351300.shtml" target="_blank">每一个互联网产品背后都有一些隐藏的产品链甚至商业链，尤其是带有社交属性的产品更是..</a></p>
          </div>
		</div>
    </li>
     <li class="f-cb" >
      <div class="u-num-con"> <h4><a href="http://www.chinaz.com/start/2014/0513/351230.shtml" target="_blank">一身“正气”的网易适不适合做社交？</a></h4>
<div class="u-num"><em class="n2">2</em></div>
<div class="u-img">
<a href="http://www.chinaz.com/start/2014/0513/351230.shtml" target="_blank"><img class="img80-60"  width="80" height="60" src="http://upload.chinaz.com/2014/0513/1399949507913.jpg" alt="一身“正气”的网易适不适合做社交？"></a></div>
      <div class="txt">          <p><a href="http://www.chinaz.com/start/2014/0513/351230.shtml" target="_blank">网易能不能做好社交，至少现在来看，前途不明，但“网易人”能做好社交。根据华尔街日..</a></p>
          </div>
		</div>
    </li>
     <li class="f-cb" >
      <div class="u-num-con"> <h4><a href="http://www.chinaz.com/start/2014/0512/350998.shtml" target="_blank">天使湾创投Demo Day：看看“南方系”创业者在做什么？</a></h4>
<div class="u-num"><em class="n3">3</em></div>
<div class="u-img">
<a href="http://www.chinaz.com/start/2014/0512/350998.shtml" target="_blank"><img class="img80-60"  width="80" height="60" src="http://upload.chinaz.com/2014/0512/1399858259555.jpg-500x0" alt="天使湾创投Demo Day：看看“南方系”创业者在做什么？"></a></div>
      <div class="txt">          <p><a href="http://www.chinaz.com/start/2014/0512/350998.shtml" target="_blank">尽管北京仍然是互联网创业者最活跃的地带，但你已经越来越难以忽略江浙沪一带的“南方..</a></p>
          </div>
		</div>
    </li>
     <li class="f-cb" >
      <div class="u-num-con"> <h4><a href="http://www.chinaz.com/start/2014/0512/351004.shtml" target="_blank">母婴O2O：宝宝树七年磨一剑不易谨防“大姨吗们”</a></h4>
<div class="u-num"><em class="n4">4</em></div>
<div class="u-img">
<a href="http://www.chinaz.com/start/2014/0512/351004.shtml" target="_blank"><img class="img80-60"  width="80" height="60" src="http://upload.chinaz.com/2014/0512/1399858780358.jpg" alt="母婴O2O：宝宝树七年磨一剑不易谨防“大姨吗们”"></a></div>
      <div class="txt">          <p><a href="http://www.chinaz.com/start/2014/0512/351004.shtml" target="_blank">宝宝树王怀南：低调七年做一事；有三种赚钱模式；三轮公开融资和二轮未公开融资，C轮..</a></p>
          </div>
		</div>
    </li>
     <li class="f-cb"  class="f-last"  >
      <div class="u-num-con"> <h4><a href="http://www.chinaz.com/start/2014/0515/351534.shtml" target="_blank">腾讯前员工创业笔记：那些跟钱有关的事儿</a></h4>
<div class="u-num"><em class="n5">5</em></div>
<div class="u-img">
<a href="http://www.chinaz.com/start/2014/0515/351534.shtml" target="_blank"><img class="img80-60"  width="80" height="60" src="http://upload.chinaz.com/" alt="腾讯前员工创业笔记：那些跟钱有关的事儿"></a></div>
      <div class="txt">          <p><a href="http://www.chinaz.com/start/2014/0515/351534.shtml" target="_blank">这是两段朴实的创业笔记，作者是王信文，2009年南京大学本科毕业，2009年9月到2013年3..</a></p>
          </div>
		</div>
    </li>

</ul>
</div>



<!--<div class="m-widget">
    <h3 class="tit" style="margin-bottom:0">图文推荐<span class="triangle"></span></h3>
<ul class="m-widget-pic f-cb">
    <li><a title="小米新品发布会5.15 图文直播" href="http://www.chinaz.com/news/2014/0515/351659.shtml"><img src="http://upload.chinaz.com/2014/0515/1400135990734.jpg" alt="小米新品发布会5.15 图文直播" width="124" height="93"></a><h4><a href="http://www.chinaz.com/news/2014/0515/351659.shtml">小米新品发布会5.15 图文直播</a></h4></li>
    <li><a title="小米发布会直播：小米平板全体验" href="http://www.chinaz.com/mobile/2014/0515/351677.shtml"><img src="http://upload.chinaz.com/2014/0515/1400138814511.jpg" alt="小米发布会直播：小米平板全体验" width="124" height="93"></a><h4><a href="http://www.chinaz.com/mobile/2014/0515/351677.shtml">小米发布会直播：小米平板全体验</a></h4></li>
    <li><a title="外媒曝光大量iPhone 6谍照：这是真的吗？" href="http://www.chinaz.com/mobile/2014/0502/349857.shtml"><img src="http://upload.chinaz.com/2014/0502/1399036684838.jpg" alt="外媒曝光大量iPhone 6谍照：这是真的吗？" width="124" height="93"></a><h4><a href="http://www.chinaz.com/mobile/2014/0502/349857.shtml">外媒曝光大量iPhone 6谍照：这是真的吗？</a></h4></li>
    <li><a title="安全到家了？360安全路由器开箱图" href="http://www.chinaz.com/mobile/2014/0506/350325.shtml"><img src="http://upload.chinaz.com/2014/0506/1399359603408.jpg" alt="安全到家了？360安全路由器开箱图" width="124" height="93"></a><h4><a href="http://www.chinaz.com/mobile/2014/0506/350325.shtml">安全到家了？360安全路由器开箱图</a></h4></li>
</ul>
</div>
-->

<div id="guess">
<div class="m-widget ">
    <h3 class="tit" style="margin-bottom:0">相关文章<span class="triangle"></span></h3>

<!--cnzz tui-->
	<script  type="text/javascript" c=gd  charset="utf-8"  src="http://tui.cnzz.net/cs.php?id=1000073363"></script>
<!--cnzz tui-->


</div>

</div>

<div class="m-widget ">
<script type="text/javascript">BAIDU_CLB_fillSlot("725433");</script>
</div>

<div id="sidebar" class="aside">
<div class="m-widget ">
<script type="text/javascript">
/*资讯内页右侧300*250，创建于2014-4-21*/
var cpro_id = "u1529681";
</script>
<script src="http://cpro.baidustatic.com/cpro/ui/c.js" type="text/javascript"></script>

</div>
<!--<div class="m-widget ">
<img src="http://img.chinaz.com/templates/2014theme/img/weixin.jpg">
</div>-->

</div>
</div></div>
 <!--czbox-300 End-->

</div>
  <!--czbox End-->

<div id="cz-footer" class="mt25">
  <div class="u-info"  id="bottom" > <a target="_blank" href="http://www.chinaz.com/aboutus/index.html">关于我们</a> - 
    <a target="_blank" href="http://www.chinaz.com/aboutus/contact.php">联系我们</a> - 
	<a target="_blank" href="http://www.chinaz.com/aboutus/join.html">人才招聘</a> -
    <a target="_blank" href="http://www.chinaz.com/aboutus/ad.html">广告服务</a> - 
    <a target="_blank" href="http://www.chinaz.com/aboutus/link.html">友情链接</a> - 
    <a target="_blank" href="http://cm.chinaz.com/iphone/">iPhone客户端 </a> - 
    <a target="_blank" href="http://cm.chinaz.com/android/">Android客户端</a> - 
    <a target="_blank" href="http://m.chinaz.com/">手机版</a> - 
	<a target="_blank" href="http://www.weibo.com/chinaz"><span></span>站长之家</a>
  </div>
  <div>增值电信业务经营许可证: 闽B2-20070004号 - 北京公安局网监中心备案号: 11010502020695号 - <a target="_blank" rel="nofollow" href="http://www.miitbeian.gov.cn">闽ICP备08105208号</a></div>
<div><span style="font-size:15px;">©</span>CopyRight 2002-2014 CHINAZ.COM Inc All Rights Reserved. 站长之家 版权所有</div>

<div class="u-ex">
<div class="poweredby" ><a rel="nofollow" href="http://www.cmstop.com" target="_blank"><img alt="CMSTOP" src="http://img.chinaz.com/templates/2014theme/img/poweredby.gif" alt="思拓合众"></a></div>
<!--可信网站图片LOGO安装开始-->
<div class="cnnic"><script src="https://kxlogo.knet.cn/seallogo.dll?sn=e12020335020010628301467&size=3"></script></div>


</div>
</div>

<script src="http://my.chinaz.com/_topbar.aspx?proxy=/ajax.php" charset="utf-8"></script>
<div style="display:none;"><script src="http://v1.cnzz.com/stat.php?id=33217&web_id=33217" charset="gb2312"></script>
<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cdiv id='cnzz_stat_icon_1000008050'%3E%3C/div%3E%3Cscript src='" + cnzz_protocol + "w.cnzz.com/q_stat.php%3Fid%3D1000008050' type='text/javascript'%3E%3C/script%3E"));</script>

</div>



<script>
$(function(){
	$('.f-cb>li').hover(function(){
		$('li.current').removeClass('current').addClass('this');
	},function(){
		$('li.this').addClass('current').removeClass('this');
	});
});
</script>
<style>
.hideicon .jtico {width:92px;background:none;height: 38px !important;}
.jiathis_style_24x24 .jtico{background:none;}
</style> 
</body>
</html>
<script type="text/javascript" src="http://img.chinaz.com/js/lib/jquery.lightbox.js?2"></script>
<link rel="stylesheet" type="text/css" href="http://img.chinaz.com/templates/default/css/imagesbox.css" media="screen" />
<script>
$(function(){
  $('.shareBox').click(function(){
    var $this = $(this);
    $this.next('.share_box').fadeToggle(500);
  });
	$('.fav').hover(function(){
		if($(this).html() == '收藏文章') $(this).html('点击收藏');
	})
  $('.weixin-t').hover(function(){
    $('.weixin_box').show();
  },function(){$('.weixin_box').hide();});
  $('.wshare').hover(function(event){
    $('.reader_box').hide();
    $('.reader').removeClass('reader_hover');
    $(this).addClass('share_hover');
    $('.r_share_box').show();
  },function(){$('.r_share_box').hide();$('.wshare').removeClass('share_hover');});

	  $('.post_share').hover(function(event){
	    $('.t_share_box').show();
	  },function(){$('.t_share_box').hide();});
	  $('#b_share_link').hover(function(event){
		    $('.b_share_box').show();
		  },function(){$('.b_share_box').hide();});
  $('.reader').hover(function(event){
    $('.r_share_box').hide();
    $('.wshare').removeClass('share_hover');
    $(this).addClass('reader_hover');
    $('.reader_box').show();
  },function(){$('.reader_box').hide();$('.reader').removeClass('reader_hover');});
var ie6=!-[1,]&&!window.XMLHttpRequest;
if(!ie6){
    $(window).scroll(function() {
        var left = $('.czbox').offset().left+1030;
        $('#m-rightshare').css({'position' : 'fixed', 'top' : 350, 'left' : left, 'right' : ''}).show();
    });
    $(window).resize(function() {
        var left = $('.czbox').offset().left+1030;
        $('#m-rightshare').css({'position' : 'fixed', 'top' : 350, 'left' : left, 'right' : ''}).show();
    });
}

  $('#favorite,.favorite').click(function(){
    var time  = new Date().getTime();
                var _this = $(this);
                var added = _this.attr('added');
                var backurl = _this.attr('backurl');
                if( added == '0'){
	_this.html('<i class="fav"></i> &nbsp; &nbsp; <img src="http://img.chinaz.com/images/loading-spinner.gif" />');
	      $.getJSON('http://app.chinaz.com/?app=favorite&controller=favorite&action=add&jsoncallback=?&contentid='+contentid, function(json){
	        if(json.state){
	          _this.html('<a href="http://app.chinaz.com/?app=favorite&controller=favorite">收藏成功</a>');
	          if(backurl == '1') location.href="http://app.chinaz.com/?app=favorite&controller=favorite";
	        }else{
	          if(json.error=='added'){
	              _this.html('<a href="http://app.chinaz.com/?app=favorite&controller=favorite">收藏成功</a>');
                      if(backurl == '1') location.href="http://app.chinaz.com/?app=favorite&controller=favorite";
	          }else if(json.error=='logout'){
	                    _this.html('<a href="http://my.chinaz.com/login.html?returnurl=http://app.chinaz.com/?app=favorite&controller=favorite&action=add&jsoncallback=?&contentid=313117&returnurl=http://www.chinaz.com/web/2013/0813/313117.shtml">请先登录</a>');
	art.dialog({
	            width:'400px',
	            height:'200px',
	            title: '登录站长之家',
	            fixed: true,
	lock:true,
	            content: '<form id="loginform" action="http://my.chinaz.com/login.html" method="post"><input type="hidden" name="__PROCESSINPUTVIEWSTATE" value="YXV0b2xvZ2luI2ludmlzaWJsZQ==" /><div class="formgroup loginform"><div class="formrow formrow-user"><div class="label"><select id="logintype" name="logintype" tabindex="1"><option value="username" >账号</option><option value="email" >邮箱</option></select></div><div class="form-enter"><input type="text" class="text" name="username" id="username" value="" tabindex="2" /></div></div><div class="formrow formrow-password"><div class="label"><label for="password">密码</label></div><div class="form-enter"><input type="password" class="text" name="password" id="password" tabindex="3" /></div></div><div class="formrow formrow-option"><span class="remember"><input type="checkbox" id="autologin" name="autologin" value="autologin"  tabindex="5" /> <label for="autologin">记住登录状态</label></span><span class="invisible"><input type="checkbox" id="invisible" name="invisible" value="true"  tabindex="6" /> <label for="invisible">隐身登陆</label></span></div><div class="formrow formrow-action"><input type="hidden" name="returnurl" value="http://app.chinaz.com/?app=favorite&controller=favorite&action=add&jsoncallback=?&contentid=313117&returnurl=http://www.chinaz.com/web/2013/0813/313117.shtml" /><span class="button-login"><input class="button" type="submit" name="login" value="登录" tabindex="7" /></span><span class="button-register"><a class="button" href="http://my.chinaz.com/register.html?returnurl=http://app.chinaz.com/?app=favorite&controller=favorite&action=add&jsoncallback=?&contentid=325185&returnurl=http://www.chinaz.com/web/2013/0813/313117.shtml" tabindex="8">立即注册</a></span></div></div></form>',
	            cancelValue:'取消',
	            cancel:function(){}
	        });
	                                        }else{
	              alert(json.error);
	          }
	          _this.attr('added', '1');
	        }
	      });
     }
    });
if(window.location.search=='?ok'){$('#favorite').html('<a href="http://app.chinaz.com/?app=favorite&controller=favorite">收藏成功'); $('#favorite').attr('added', '1');}else if(window.location.search=='?error') $('#favorite').html('请重试');
$('#addError').click(function(){
	art.dialog({
		width:'800px',
		height:'500px',
		id: 'test',
		title: '文章纠错',
		content: '<div class="tg"><form id="tg" name="tg" action="" method="post"><p style="margin:10px 0;">&nbsp; &nbsp; &nbsp; &nbsp;姓名：<input id="name" type="text" name="contact" class="input" value="匿名" /></p><p style="margin:10px 0;">联系邮箱：<input id="email" type="text" name="email" class="input" placeholder="填写您的电子邮箱" value="" /></p><p style="margin:10px 0;">文章标题：<input id="contact" type="text" name="contact" placeholder="填写相关文章标题" class="input" value=" 网站图片JPG、PNG、GIF哪个好，该选择谁" /><input type="hidden" name="url" class="input" value="http://www.chinaz.com/web/2013/0813/313117.shtml" /></p><p style="margin:10px 0;">纠错内容：<textarea id="content" name="content" class="textarea"></textarea></p><p style="margin:10px 0;">&nbsp; &nbsp;验证码：<input name="seccode" id="article_seccode" type="text" value="" maxlength="4" style="width:50px;margin:0 10px 0 2px;" /><img src="http://app.chinaz.com/?app=system&controller=seccode&action=image" id="seccodeimg" onclick="this.src=(\'http://app.chinaz.com/?app=system&controller=seccode&action=image&id='+Math.random()*5+'\')" style="cursor:pointer;" align="absmiddle" /></p></form></div>',
		lock: true,
		fixed: true,
		ok: function () {
			$this = this;
			if($('#contact').val()==''){
				this.shake();
				$('#contact').focus();
				return false;
			}else if($('#content').val()==''){
				this.shake();
				$('#content').focus();
				return false;
			}else if($('#article_seccode').val()==''){
				this.shake();
				$('#article_seccode').focus();
				return false;
			}
			$.getJSON('http://app.chinaz.com/?app=contribution&controller=tg&action=add&jsoncallback=?', $("#tg").serialize(),
				function(data){
					if(data.status=='success'){
						$this.size('200px',100).content('提交成功，谢谢！').button({
							id: 'button',
							value: '好的',
							disabled: false
						 });
					}else{
                                            $this.size('200px',100).content(data.status).button({
							id: 'button',
							value: '好的',
							disabled: false
						 });
}
				}
			);
			$this.size('200px',100).title('请稍等').content('提交中..');
			$('.d-button').hide();
			return false;
		},
		okValue: '提交',
		cancelValue: '取消',
		cancel: function () {}
	});
return false;
});
$('#font_small').click(function(){
	$('.u-postcontent > p').css('font-size', '14px');
	$(this).removeClass('noclose');
	$('#font_big').attr('class', 'noclose');
})
$('#font_big').click(function(){
	$('.u-postcontent > p').css('font-size', '16px');
	$(this).removeClass('noclose');
	$('#font_small').attr('class', 'noclose');
})
var rtop = $('#sidebar').offset().top;
var rbottom = $('.m-comment').offset().top+$('.m-comment').height();
    $(window).scroll(function(){
    var scrolls = $(this).scrollTop();
    //var ntop = $('#sidebar').offset().top+660;
    //$('#sidebar').attr('h', ntop+','+rbottom+','+(ntop-rbottom));
    if(rtop < scrolls){
    	$('#sidebar').css({'position' : 'fixed', 'top' : '10px', 'z-index' : 98});
    	}else $('#sidebar').css({'position' : 'static', 'top' : '', 'z-index' : ''});
    	/*if(ntop > rbottom){
    	    $('#guess').hide();
    	}else $('#guess').show();*/
    });
})
var t_u = null;
    var t_u_old = null;
    var maxPic = 3;
    var showPic = 0;

    function switchPic(curPic){
        if(curPic == maxPic){ 
            showPic = 1;
        }else{ 
            showPic = showPic + 1;
        }
        for(i=1; i <= maxPic; i++){
            if(i == showPic){ 
                document.getElementById("picA"+i).className = "currON";
                document.getElementById("picUL"+i).style.display = "";
            }else{ 
                document.getElementById("picA"+i).className = "";
                document.getElementById("picUL"+i).style.display = "none";
            }
        }
    }
    function reSwitchPic() {
        clearTimeout(t_u);
        switchPic(showPic);
        t_u = setTimeout('reSwitchPic();', 5000);
    }
    function pauseSwitch() { 
        clearTimeout(t_u);
        t_u_old = t_u;
    }
    function selectSwitch(num) { 
        showPic = num;
        for(i=1; i <= maxPic; i++){ 
            if(i == num){ 
                document.getElementById("picA"+i).className = "currON";
                document.getElementById("picUL"+i).style.display = "";
            }else{ 
                document.getElementById("picA"+i).className = "";
                document.getElementById("picUL"+i).style.display = "none";
            }
        }
    }
    function goonSwitch() {
        clearTimeout(t_u);
        t_u = setTimeout('reSwitchPic();', 5000);
    }
function holdpic(){//控制内容区域的的图片大小并为过大的图片添加查看原图
    var options = {
        imageLoading:IMG_URL+'js/lib/lightBox/lightbox-ico-loading.gif',
        imageBtnPrev:IMG_URL+'js/lib/lightBox/lightbox-btn-prev.gif',
        imageBtnNext:IMG_URL+'js/lib/lightBox/lightbox-btn-next.gif',
        imageBtnClose:IMG_URL+'js/lib/lightBox/lightbox-btn-close.gif',
        imageBlank:IMG_URL+'js/lib/lightBox/lightbox-blank.gif',
        auto_resize:false
    };
    $('#ctrlfscont').find('img').each(function(){
        var img = this;
        if (img.width > 600) {
            img.style.width = "600px";
            img.style.height = "auto";
            //$(img).removeAttr('height');
            var aTag = document.createElement('a');
            aTag.href = img.src;
            $(aTag).addClass('bPic')
            .insertAfter(img).append(img)
            .lightBox(options);
        }
    });
    $('#fulltext').click(function(){
        $('.pagebreak').html('<img src="http://img.chinaz.com/images/loader.gif" />');
        $.getJSON(APP_URL+'?app=article&controller=article&action=fulltext&jsoncallback=?&contentid='+contentid,function(data){
            context = data.content;
            $('#ctrlfscont').html(data.content);
            $('.pagebreak').hide();
            holdpic();
        });
    })
    $.getJSON(APP_URL+'?app=system&controller=content&action=stat&jsoncallback=?&contentid='+contentid);
}
$(window).load(function(){
    holdpic();
});
</script>

<script type="text/javascript" src="http://v3.jiathis.com/code/jia.js?uid=1377738406688524" charset="utf-8"></script>